<template>
  <view :class="[`${prefixCls}-page-error-container`]">
    <cu-empty mode="page">
      <uv-button type="primary" size="small" @click="$ROUTE.go('/pages/main/home')" :customStyle="{ width: '240rpx', marginTop: '40rpx' }">返回首页</uv-button>
    </cu-empty>
  </view>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'

export default {
  name: 'err404',
  components: {},
  mixins: [],
  props: {},
  data() {
    return {}
  },
  // 侦听属性
  watch: {},
  // 计算属性
  computed: {
    ...mapGetters([]),
  },
  // 监听页面加载，该钩子被调用时，响应式数据、计算属性、方法、侦听器、props、slots 已设置完成
  onLoad(options) {},
  // 监听页面显示，页面每次出现在屏幕上都触发
  onShow() {},
  // 监听页面初次渲染完成，此时组件已挂载完成
  onReady() {},
  // 下拉刷新
  onPullDownRefresh() {},
  // 加载更多
  onReachBottom() {},

  created() {},
  mounted() {},
  destroyed() {},
  methods: {
    ...mapActions([]),
  },
}
</script>

<style lang="scss" scoped>
.#{prefixCls('page-error-container')} {
  height: 100%;
  @include flex(column);
  align-items: center;
  justify-content: center;
}
</style>
